<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>品优购-综合网购首选，正品低价，品质保障，配送及时！</title>
  <meta name="description" content="品优购-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、
    图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!">
  <meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,品优购">
  <!--引入网站图标-->
  <link rel="shortcut icon" href="bitbug_favicon.ico" />
  <!--引入初始化css文件-->
  <link rel="stylesheet" href="css/base.css">
  <!--引入公共样式css文件-->
  <link rel="stylesheet" href="css/common.css">
  <!-- 引入index.css文件 -->
  <link rel="stylesheet" href="css/index.css">
  <!--引入animation.js文件-->
  <script src="js/animation.js"></script>
  <!--引入index.js文件-->
  <script src="js/index.js"></script>
  <!--引入jquery文件-->
  <script src="../jquery/jquery.min.js"></script>
  <!--引入indexjquery.js文件-->
  <script src="js/indexjquery.js"></script>
</head>

<body>
  <!-- 快捷导航模块 -->
  <div class="short_cut">
    <div class="w">
      <div class="fl">
        <ul>
          <li>品优购欢迎您！</li>
          <li> <a href="#" class="gray">请登录</a> </li>
          <li> <a href="register.html" target="_blank" class="red">免费注册</a> </li>
        </ul>
      </div>
      <div class="fr">
        <ul>
          <li>我的订单</li>
          <li>|</li>
          <li class="arrow">我的品优购</li>
          <li>|</li>
          <li>品优购会员</li>
          <li>|</li>
          <li>企业采购</li>
          <li>|</li>
          <li class="arrow">关注品优购</li>
          <li>|</li>
          <li class="arrow">客户服务</li>
          <li>|</li>
          <li class="arrow">网站导航</li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 网站头部 -->
  <div class="header w">
    <div class="logo">
      <h1>
        <a href="index.html" target="_blank">品优购</a>
      </h1>
    </div>
    <div class="search">
      <input type="text">
      <button>搜索</button>
    </div>
    <div class="hotword">
      <ul>
        <li class="cheap">优惠购首发</li>
        <li>亿元优惠</li>
        <li>9.9元团购</li>
        <li>美满99减30</li>
        <li>办公用品</li>
        <li>电脑</li>
        <li>通信</li>
      </ul>
    </div>
    <div class="shop_car">
      我的购物车
      <div class="shop_count">
        8
      </div>
    </div>

  </div>
  <!-- 网站中部 -->
  <div class="classify">
    <div class="sort">
      <div class="sl fl">
        <div class="dt">
          <dt>全部商品分类</dt>
        </div>
        <div class="dd">
          <dd> <a href="">家用电器</a></dd>
          <dd> <a href="">手机、数码、通信</a></dd>
          <dd> <a href="">电脑、办公</a></dd>
          <dd> <a href="">家居、家具、家装、厨具</a></dd>
          <dd> <a href="link.html" target="_blank">男装、女装、童装、内衣</a></dd>
          <dd> <a href="">个户化妆、清洁用品、宠物</a></dd>
          <dd> <a href="">鞋靴、箱包、珠宝、奢侈品</a></dd>
          <dd> <a href="">运动户外、钟表</a></dd>
          <dd> <a href="">汽车、汽车用品</a></dd>
          <dd> <a href="">母婴、玩具乐器</a></dd>
          <dd> <a href="">食品、酒类、生鲜、特产</a></dd>
          <dd> <a href="">医药保健</a></dd>
          <dd> <a href="">图书、音像、电子书</a></dd>
          <dd> <a href="">彩票、旅行、充值、票务</a></dd>
          <dd> <a href="">理财、众筹、白条、保险</a></dd>
        </div>
      </div>
      <div class="sr fl">
        <a href="#">服装城</a>
        <a href="#">美妆馆</a>
        <a href="#">传智超市</a>
        <a href="#">全球购</a>
        <a href="#"> 闪购</a>
        <a href="#"> 团购</a>
        <a href="#"> 拍卖</a>
        <a href="#"> 有趣</a>
      </div>
    </div>
  </div>
  <!--网站首页-->
  <div class="w">
    <div class="main">
      <div class="focus">
        <a href="#" class="arrow-l">
          &lt;
        </a>
        <a href="#" class="arrow-r">
          &gt;
        </a>
        <ul>
          <li><a href="#"><img src="upload/focus.png" alt="焦点图"></a></li>
          <li><a href="#"><img src="upload/focus1.png" alt=""></a></li>
          <li><a href="#"><img src="upload/focus2.png" alt=""></a></li>
        </ul>
        <ol class="circle">
        </ol>
      </div>
      <div class="newflash">
        <dl>
          <dt>
            <h3>品优购快报</h3>
            <p>更多</p>
          </dt>
          <dd><strong>[特惠]</strong>备战开学季 全民半价购数码</dd>
          <dd><strong>[公告]</strong>品优稳占家电网购六成份额</dd>
          <dd><strong>[特惠]</strong>百元中秋全品类礼券限量领取</dd>
          <dd><strong>[公告]</strong>上品优秀生海鲜享受澄阳湖限量肥美大闸蟹</dd>
          <dd><strong>[特惠]</strong>每日享受折扣品优购 品质有</dd>
        </dl>
        <ul>
          <li><i class="i1"></i><a href="#">话费</a></li>
          <li><i class="i2"></i><a href="#">机票</a></li>
          <li><i class="i3"></i><a href="#">电影票</a></li>
          <li><i class="i4"></i><a href="#">游戏</a></li>
          <li><i class="i5"></i><a href="#">彩票</a></li>
          <li><i class="i6"></i><a href="#">加油卡</a></li>
          <li><i class="i7"></i><a href="#">酒店</a></li>
          <li><i class="i8"></i><a href="#">火车票</a></li>
          <li><i class="i9"></i><a href="#">众筹</a></li>
          <li><i class="i10"></i><a href="#">理财</a></li>
          <li><i class="i11"></i><a href="#">礼品卡</a></li>
          <li><i class="i12"></i><a href="#">白条</a></li>
        </ul>
        <i>
          <img src="upload/advertise.png" alt="副广告位">
        </i>
      </div>
    </div>
  </div>

  <!-- 楼层区域 -->
  <div class="floor">
    <div class="w">
      <!-- 推荐区域 -->
      <div class="recom w Z">
        <div class="recommend">
          <img src="images/recommed.png" alt="推荐图片">
          <h3>今日推荐</h3>
        </div>
        <div class="hot_sales">
          <ul>
            <li class="sale_1">
              <div>
                <h3>优质好货</h3>
                <h4>满300减100</h4>
                <h5>满500减200</h5>
              </div>
              <div><img src="upload/razor.png" alt="刮胡刀"></div>
            </li>
            <li class="sale_2">
              <div>
                <h3>品牌尾货</h3>
                <h4>满300减100</h4>
                <h5>团购低至9.9</h5>
                <h6>团购</h6>
              </div>
              <div><img src="upload/towel.png" alt="毛巾"></div>
            </li>
            <li class="sale_3">
              <div>
                <h3>时尚穿搭</h3>
                <h4>低至3.6折</h4>
                <h5>暑假出游季</h5>
                <h6>闪购</h6>
              </div>
              <div><img src="upload/clothes.png" alt="衣服"></div>
            </li>
            <li class="sale_4">
              <div>
                <h3>0点上新</h3>
                <h4>全场包邮</h4>
                <h5>低至1折</h5>
                <h6>闪购</h6>
              </div>
              <div><img src="upload/watch.png" alt="手表"></div>
            </li>
          </ul>
        </div>
      </div>
      <!-- 猜你喜欢 -->
      <div class="love w Z">
        <div class="love_hd">
          <p>猜你喜欢</p>
          <p>换一批</p>
        </div>
        <div class="love_bd">
          <ul>
            <li><a href="#"><img src="upload/handbag.png" alt="女式包"></a></li>
            <li><a href="#"><img src="upload/pot.png" alt="锅"></a></li>
            <li><a href="#"><img src="upload/headset.png" alt="耳机"></a></li>
            <li><a href="#"><img src="upload/lamp.png" alt="灯"></a></li>
            <li><a href="#"><img src="upload/handset.png" alt="三星手机"></a></li>
            <li><a href="#"><img src="upload/essence.png" alt="精华露"></a></li>
          </ul>
        </div>
      </div>
      <!-- 传智播客有趣 -->
      <div class="fun w Z">
        <div class="fun_hd">
          <p>传智播客 有趣区</p>
        </div>
        <div class="fun_bd">
          <ul>
            <li><a href="#"><img src="upload/book.png" alt="书"></a></li>
            <li>
              <ul>
                <li>
                  <p>好东西</p>
                </li>
                <li><a href="#"><img src="upload/keyboard.png" alt="键盘"></a></li>
                <li><a href="#"><img src="upload/emperorclothes.png" alt="皇服"></a></li>
              </ul>
            </li>
            <li>
              <ul>
                <li>
                  <p>品牌街</p>
                </li>
                <li><a href="#"></a><img src="upload/electriccooker.png" alt=""></li>
                <li><a href="#"></a><img src="upload/shoes.png" alt=""></li>
                <li><a href="#"></a><img src="upload/specialprice offer.png" alt=""></li>
              </ul>
            </li>
            <li>
              <ul>
                <li><a href="#"><img src="upload/vivo.png" alt="vivo"></a></li>
                <li><a href="#"><img src="upload/vivo.png" alt="vivo"></a></li>
                <li><a href="#"><img src="upload/vivo.png" alt="vivo"></a></li>
                <li><a href="#"><img src="upload/vivo.png" alt="vivo"></a></li>
                <li><a href="#"><img src="upload/vivo.png" alt="vivo"></a></li>
                <li><a href="#"><img src="upload/vivo.png" alt="vivo"></a></li>
                <li><a href="#"><img src="upload/vivo.png" alt="vivo"></a></li>
                <li><a href="#"><img src="upload/vivo.png" alt="vivo"></a></li>
                <li><a href="#"><img src="upload/vivo.png" alt="vivo"></a></li>
                <li><a href="#"><img src="upload/vivo.png" alt="vivo"></a></li>
                <li><a href="#"><img src="upload/vivo.png" alt="vivo"></a></li>
                <li><a href="#"><img src="upload/vivo.png" alt="vivo"></a></li>
                <li><a href="#"><img src="upload/vivo.png" alt="vivo"></a></li>
                <li><a href="#"><img src="upload/vivo.png" alt="vivo"></a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
      <!-- 家电 -->
      <div class=" hosehold w Z">
        <div class="tab">
          <div class="hosehold_title">
            <p>家用电器</p>
          </div>
          <div class="tab_list">
            <ul>
              <li>热门</li>
              <li>|</li>
              <li>大家电</li>
              <li>|</li>
              <li>生活电器</li>
              <li>|</li>
              <li>厨房电器</li>
              <li>|</li>
              <li>个护健康</li>
              <li>|</li>
              <li>应季电器</li>
              <li>|</li>
              <li>空气/净水</li>
              <li>|</li>
              <li>新奇特</li>
              <li>|</li>
              <li>高端电器</li>
            </ul>
          </div>
        </div>
        <div class="tab_content">
          <ul>
            <li>
              <dl>
                <dd><a href="#">节能减排</a></dd>
                <dd><a href="#">4K电视</a></dd>
                <dd><a href="#">空气净化器</a></dd>
                <dd><a href="#">IH电饭煲</a></dd>
                <dd><a href="#">滚筒洗衣机</a></dd>
                <dd><a href="#">电热水器</a></dd>
              </dl>
              <a href="#" class="tv"><img src="upload/tv.png" alt=""></a>
            </li>
            <li><a href="#"><img src="upload/thermos.png" alt="热水壶"></a></li>
            <li>
              <div class="micro"><a href="#"><img src="upload/microwave.png" alt=""></a></div>
              <div class="leshi"><a href="#"><img src="upload/leshi tv.png" alt=""></a></div>
            </li>
            <li><a href="#"><img src="upload/flower tv.png" alt=""></a></li>
            <li>
              <div class="air_condition"><img src="upload/air-conditioning.png" alt=""></div>
              <div class="electric-fan"><img src="upload/electric-fan.png" alt=""></div>
            </li>
          </ul>
        </div>
      </div>
    </div>

  </div>
  <!--网站底部 -->
  <div class="footer">
    <div class="w">
      <div class="mod_service">
        <ul>
          <li>
            <div class="service_icon sign1"></div>
            <div class="page">
              <h5>正品保障</h5>
              <p>正品保障，提供发票</p>
            </div>
          </li>
          <li>
            <div class="service_icon sign2"></div>
            <div class="page">
              <h5>极速物流</h5>
              <p>急速物流，急速送达</p>
            </div>
          </li>
          <li>
            <div class="service_icon sign3"></div>
            <div class="page">
              <h5>无忧售后</h5>
              <p>7天无理由退换货</p>
            </div>
          </li>
          <li>
            <div class="service_icon sign4"></div>
            <div class="page">
              <h5>特色服务</h5>
              <p>私人定制家电套餐</p>
            </div>
          </li>
          <li>
            <div class="service_icon sign5"></div>
            <div class="page">
              <h5>帮助中心</h5>
              <p>您的购物指南</p>
            </div>
          </li>
        </ul>
      </div>
      <div class="mod_help">
        <dl>
          <dt><a href="#">购物指南</a></dt>
          <dd><a href="#">购物流程</a></dd>
          <dd><a href="#">会员介绍</a></dd>
          <dd><a href="#"> 生活旅行/团购</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">大家电</a></dd>
          <dd><a href="#"> 联系客服</a></dd>
        </dl>
        <dl>
          <dt><a href="#">配送方式</a></dt>
          <dd><a href="#">上门自提</a> </dd>
          <dd><a href="#">211限时达</a></dd>
          <dd><a href="#">配送服务查询</a></dd>
          <dd><a href="#"> 配送费收取标准</a></dd>
          <dd><a href="#">海外配送</a></dd>
        </dl>
        <dl>
          <dt> <a href="#"></a>支付方式</a></dt>
          <dd> <a href="#">货到付款</a></dd>
          <dd> <a href="#">在线支付</a></dd>
          <dd> <a href="#">分期付款</a></dd>
          <dd> <a href="#">邮局汇款</a></dd>
          <dd> <a href="#">公司转账</a></dd>
        </dl>
        <dl>
          <dt> <a href="#">售后服务</a></dt>
          <dd> <a href="#">售后政策</a></dd>
          <dd> <a href="#">价格保护</a></dd>
          <dd> <a href="#">退款说明</a></dd>
          <dd> <a href="#">返修/退换货</a></dd>
          <dd> <a href="#">取消订单</a></dd>
        </dl>
        <dl>
          <dt><a href="#">特色服务</a></dt>
          <dd><a href="#">夺宝岛</a> </dd>
          <dd><a href="#">DIY装机</a></dd>
          <dd><a href="#">延保服务</a></dd>
          <dd><a href="#">品优购E卡</a></dd>
          <dd><a href="#">品优购通信</a></dd>
        </dl>
        <dl>
          <dt>帮助中心</dt>
          <dd class="qr_code">
          </dd>
          <dd> <a href="#"> 品优购客户端</a></dd>
        </dl>
      </div>
      <div class="mod_coyeright">
        <ul>
          <li><a href="#">关于我们</a></li>
          <li>|</li>
          <li><a href="#">联系我们</a></li>
          <li>|</li>
          <li><a href="#">联系客服</a></li>
          <li>|</li>
          <li><a href="#"> 商家入驻盟</a></li>
          <li>|</li>
          <li><a href="#"> 营销中心 </a></li>
          <li>|</li>
          <li><a href="#"> 手机品优购</a></li>
          <li>|</li>
          <li><a href="#">友情链接</a></li>
          <li>|</li>
          <li><a href="#">销售联盟 </a></li>
          <li>|</li>
          <li><a href="#">品优购社区</a></li>
          <li>|</li>
          <li><a href="#">品优购公益</a></li>
          <li>|</li>
          <li><a href="#">English Site</a></li>
          <li>|</li>
          <li><a href="#">Contact U</a></li>
        </ul>
        <div class="copyp">
          <p class="copyp1"> 地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000
            传真：010-82935100 邮箱:
            zhanghj+itcast.cn</p>
          <p class="copyp2">京ICP备08001421号京公网安备110108007702 </p>
        </div>
      </div>
    </div>
  </div>

  <!--电梯导航浮动框-->
  <div class="fixedtool">
    <ul>
      <li class="change"><a href="#">今日推荐</a> </li>
      <li><a href="#">猜你喜欢</a> </li>
      <li><a href="#">传智播客有趣</a> </li>
      <li><a href="#">家用电器</a> </li>
    </ul>
  </div>
</body>

</html>